/* CSS Document */
body,div,p,ul,li,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,tr,td,fieldest,legend,button,select{ margin:0; padding:0; outline:none;}
ul,li,ol,li{ list-style:none;}
html,body{ height:100%; width:100%;}
body{ font-family:"微软雅黑"; font-size:12px; color:#434343; }
a{ text-decoration:none; color:#434343; outline:none;}
img{ border:none; vertical-align:middle;}
table{ border-collapse:collapse;}
.container{ min-width:1020px; height:100%; }

.clearfix:after{ visibility:hidden; display:block; content:" "; clear:both; font-size:0; height:0;}
.clearfix{ zoom:1;}

.float_left{ float:left;}
.float_right{ float:right;}

input.text{ border:1px solid #ddd; height:26px; line-height:26px; padding:0 5px; width:130px; font-family:"微软雅黑"; font-size:12px;}
input.checkbox{ height:14px; width:14px; vertical-align:middle;}
select{ border:1px solid #ddd; height:28px; width:152px; font-family:"微软雅黑"; font-size:12px;}
textarea{ border:1px solid #ddd; font-family:"微软雅黑"; font-size:12px; resize:none; padding:5px;}

span.icon{ display:inline-block; width:16px; height:16px; vertical-align:middle;}
a.a_red{ color:#ff503f; }
a.a_red:hover{ text-decoration:underline; }

button.btn{ vertical-align:middle; background:#474a4b; cursor:pointer; font-family:"微软雅黑"; color:#fff; border:none; height:32px; line-height:32px; padding:0 20px; }
button.btn:hover{ background:#2c2e2f; }
button.btn_green{ background:#8dc63f; }
button.btn_green:hover{ background:#75b320; }
button.btn_red{ background:#ff503f; }
button.btn_red:hover{ background:#ee3321; }
button.btn_blue{ background:#40bbea; }
button.btn_blue:hover{ background:#18a9e1; }
button.btn_yellow{ background:#fea417; }
button.btn_yellow:hover{ background:#f09200; }
button.btn_border{ color:#434343; border:1px solid #ccc; background:#fff; }
button.btn_border:hover{ background:none;}

.toolbar{ height:32px; }
.toolbar h3{ height:32px; line-height:32px; font-size:16px; font-weight:normal;}
.toolbar button.btn{ margin-left:5px;}

.grid{ position:relative;}
.grid .grid_table{ position:absolute; top:0; left:0; right:0; bottom:42px; border-top:1px solid #eee; }
.grid .grid_table table{ width:100%;}
.grid .grid_table table th{ font-size:13px; border-bottom:1px solid #eee; text-align:left; height:38px; padding:0 10px; }
.grid .grid_table table td{ border-bottom:1px solid #eee; text-align:left; height:38px; padding:0 10px; color:#7d7d7d; }
.grid .grid_table table tr.even td{ background:#f9f9f9;}

.grid .paging{ position:absolute; left:0; right:0; bottom:0; height:30px;}
.grid .paging ul{ float:right;}
.grid .paging ul li{ float:left; margin-left:-1px;}
.grid .paging ul li a{ display:inline-block; height:28px; line-height:28px; padding:0 12px; border:1px solid #ddd;}
.grid .paging ul li a:hover{ background:#eee;}
.grid .paging ul li.selected { position:relative; z-index:2;}
.grid .paging ul li.selected a{ background:#474a4b; border:1px solid #474a4b; color:#fff; }
.grid .paging p{ line-height:30px;}

.ztree{ position:relative; width:200px;}
.ztree .ztree_head{ padding-bottom:8px; position:relative; z-index:2;}
.ztree .ztree_head h3{ height:20px; line-height:20px; font-size:16px; font-weight:normal; }  
.ztree .ztree_head a.a_red{ display:inline-block; float:right; margin:3px 0 0 0;}  
.ztree .ztree_head .tab_nav { margin:0; float:none; height:auto; background:none; }  
.ztree .ztree_head .tab_nav li{ cursor:pointer; background:#f9f9f9; height:28px; line-height:28px; width:98px; text-align:center; float:left; font-size:14px; border:1px solid #eee; margin-right:-1px; padding:0; }  
.ztree .ztree_head .tab_nav li.selected{ border-bottom:1px solid #fff; background:#fff; }  
.ztree .ztree_body { padding:5px; overflow:auto; border:1px solid #eee; position:absolute; top:29px; left:0; right:0; bottom:0; z-index:1;}  


/*缩略图模式的文件列表*/
.list_pic{ overflow:auto; }
.list_pic ul{ margin:10px 0 10px 10px;}
.list_pic ul li{ float:left; position:relative; width:120px; height:140px; border:2px solid #fff; margin:0 5px 5px 0; }
.list_pic ul li p{ margin:0 5px; text-align:center;}
.list_pic ul li p.pic{ margin:5px 5px 4px 5px; height:88px; position:relative; background:url(../images/list_pic.png) no-repeat;}
.list_pic ul li p.pic b{ display:inline-block; height:88px; width:1px; margin-left:-1px; vertical-align:bottom; }
.list_pic ul li p.pic img{ max-width:100%; max-height:100%; margin:0 auto; vertical-align:bottom;}
.list_pic ul li p.text { height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.list_pic ul li:hover ,.list_pic ul li.selected{ border:2px solid #43a4e9;}



.paging{ height:32px; }
.paging .bg{ height:32px; background:#fafafa;}
.paging table { float: left; height: 32px; }
.paging table .pagination-page-list { margin: 0px 6px; padding: 1px 2px; width: auto; height: auto; border-width: 1px; border-style: solid;}
.paging table .pagination-btn-separator {float: left; height: 24px; border-left: 1px solid #ccc; border-right: 1px solid #fff; margin: 3px 1px;}
.paging table a.l-btn { background-position: right 0; font-size: 12px; text-decoration: none; display: inline-block; zoom: 1; height: 24px; padding: 1px 5px 1px 1px; outline: none; border:1px solid #fafafa;}
.paging table a.l-btn-disabled {color: #ccc; opacity: 0.5; filter: alpha(opacity=50); cursor: default;}
.paging table a.l-btn-disabled,
.paging table a:hover.l-btn-disabled {filter: alpha(opacity=50);}
.paging table a:hover.l-btn { background: #e2e2e2; color: #000000; border: 1px solid #ccc; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;padding-right:5px;}
.paging table a.l-btn span.l-btn-left {display: inline-block;background-position: 0 -48px;padding: 4px 0px 4px 5px;line-height: 16px;height: 16px;}
.paging table a.l-btn span span.l-btn-text {display: inline-block;vertical-align: baseline;width: auto;height: 16px;line-height: 16px;padding: 0;margin: 0;}
.paging table a.l-btn span span span.l-btn-empty {display: inline-block;margin: 0;padding: 0;width: 16px;}
.paging table .pagination-first {background: url(../images/pagination_icons.png) no-repeat 0 0;}
.paging table .pagination-prev {background: url(../images/pagination_icons.png) no-repeat -16px 0;}
.paging table .pagination-next {background: url(../images/pagination_icons.png) no-repeat -32px 0;}
.paging table .pagination-last { background: url(../images/pagination_icons.png) no-repeat -48px 0; }
.paging table .pagination-load { background: url(../images/pagination_icons.png) no-repeat -64px 0;}
.paging table .pagination-num { border-width: 1px; border-style: solid; margin: 0 2px; padding: 2px; width: 2em; height: auto; border-color:#d3d3d3;}
.paging .pagination-info { float: right; margin: 0 6px 0 0; padding: 0; height: 30px; line-height: 30px; font-size: 12px;}


.ui_table table tr td{ padding:5px 5px 5px 0;}
.ui_table table tr td input.text{ width:170px;}
.ui_table table tr td select{ width:182px;}
.ui_table table tr td textarea{ height:45px; width:170px;}
.ui_table table tr td span.radio_box{ display:inline-block; margin-right:15px;}
.ui_table table tr td span.radio_box input.radio{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.ui_table table tr td span.radio_box label{ vertical-align:middle;}

.ui_table table tr td span.check_box{ display:inline-block; margin-right:15px;}
.ui_table table tr td span.check_box input.checkbox{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.ui_table table tr td span.check_box label{ vertical-align:middle;}

fieldset{ border:1px solid #ddd; margin-bottom:5px; }
fieldset legend{ padding:0 5px; background:#fff; font-size:13px;}


/*《《《《《《《《《《《《《《《《《《《《《《《《《《《《》》》》》》》》》》》》》》》》》》》》》》》》》》》*/
.header{ height:60px; }
.header .header_top{ height:60px; position:relative; z-index:2; background: #3c8dbc;}
.header .header_top .logo{ height:60px; float:left; width:230px; text-align: center; border-right: 1px solid #3c8dbc;}
.header .header_top .logo img{ margin: 0 auto; max-width: 230px;}
.header .header_top .logo .text{ font-size:24px; color: #fff; line-height: 60px; }

.header .user_info{ height:50px; float:right; padding-top:15px; margin-right: 20px; cursor: pointer; position: relative; }
.header .user_info .portrait{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; overflow:hidden; }
.header .user_info .portrait img{ width: 100%; }
.header .user_info .user_name{ color: #fff; display: inline-block; vertical-align: middle; font-size: 14px; padding: 0 5px; }
.header .user_info .arrow{ display: inline-block; border-width: 3px; border-style:solid; border-color: transparent #ddd #ddd transparent; margin-bottom: -2px}
.header .user_info .user_menu{ display: none; position: absolute; top: 60px; right: 0; width: 150px; background: #fff; border: 1px solid #ddd; border-top: none; }
.header .user_info .user_menu a{ display: block; font-size: 14px; height: 50px; line-height: 50px; text-align: center; }
.header .user_info .user_menu a:hover{ background: #f2f2f2; }
.header .user_info:hover .user_menu{ display: block;}

.header .switch{ float:right; position:relative; margin-right: 40px;}
.header .switch .name{ color: #fff; font-size:14px; padding-right: 5px; display: inline-block; height: 60px; line-height: 60px; }
.header .switch .arrow{ display: inline-block; border-width: 3px; border-style:solid; border-color: transparent #ddd #ddd transparent; margin-bottom: -2px;}
.header .switch .switch_menu{ display:none; position:absolute; top:60px; right:0; border:1px solid #ddd; border-top: 0; background:#fff; padding:5px; height:150px; width:200px; overflow:auto;}
.header .switch:hover .switch_menu{ display:block; }

.header .header_nav{ height: 50px; background: #447ed9; display: none; }
.header .header_nav .nav li{ float: left; margin:0 10px; }
.header .header_nav .nav li a{ position: relative; display: block; height: 50px; line-height: 50px; padding: 0 30px; font-size: 16px; color: #d3e4ff; }
.header .header_nav .nav li a:hover{ color:#fff;}
.header .header_nav .nav li a.selected{ color:#fff; background:#336fcd; }

.main{ position:absolute; top:60px; left:0; right:0; bottom:0; z-index:1;}
.main .left_bar{ float:left; height:100%; width:230px; background:#fff; border-right:2px solid #ddd; position:relative;}
.main .left_bar.none{ display:none;}
.main .splitter{ float:left; height:100%; width:9px; background:#f2f2f2; position:relative; /*cursor:e-resize;*/ }
.main .splitter span{ display:block; position:absolute; left:0; top:50%; margin-top:-40px; width:9px; height:80px;  cursor:pointer;}
.main .splitter span.split_left{ display:none; background:url(../images/splitter_left.png) no-repeat;}
.main .splitter span.split_right{ background:url(../images/splitter_right.png) no-repeat;}
.main .splitter:hover span{ display:block;}
.main .content{ position:absolute; left:240px; top:0; right:0; bottom:0; height:100%; background:#f2f2f2; min-width:810px; overflow:hidden; zoom:1;}

.content .panel{ background:#fff; padding:15px; margin:15px 15px 15px 6px; border-bottom:1px solid #ddd; overflow:visible; }
.content .panel .panel{ padding:0; margin:0; border-bottom:none; }
.content .grid_wrap{ position:absolute; top:75px; left:0; right:0; bottom:0;}
.content .grid_wrap .grid{ position:absolute; top:61px; left:15px; right:15px; bottom:15px;}
.content .ztree_wrap{ width:200px; position:absolute; top:0; left:0; bottom:0;}
.content .ztree_wrap .ztree{ position:absolute; top:15px; left:15px; bottom:15px; right:15px;}

.left_bar .user_info .base_info { padding: 10px 0 10px 20px; height: 45px;}
.left_bar .user_info .base_info .portrait{ float: left; display: inline-block; margin-right: 10px;  width: 45px; height: 45px; overflow:hidden; }
.left_bar .user_info .base_info .portrait img{ width: 100%; }
.left_bar .user_info .base_info .user_name{ font-size: 14px; padding-bottom: 5px;}
.left_bar .user_info .base_info .user_role{ font-size: 14px; }

.left_bar .user_info .user_bar li{ border-top:1px solid #eee; border-bottom:1px solid #eee; font-size: 14px; height:30px; line-height:29px; padding:0 20px; background:#f8f8f8;}

.left_bar .nav{ position: absolute; top: 97px; left: 0; bottom: 0; width: 100%;}
.left_bar .nav .nano_con{ padding-bottom:10px;}
.left_bar .nav dl dt{ font-size: 14px; height:44px; line-height:44px; cursor: pointer; position: relative; border-left: 3px solid transparent;}
/*.left_bar .nav dl dt .icon{ display: none; height:22px; width:22px; margin: 0 13px 0 30px; background-image: url(../images/nav_icon.png); background-repeat: no-repeat; }*/
.left_bar .nav dl dt .text{ display: inline-block; vertical-align: middle; }
.left_bar .nav dl dt a{ display: block;font-size: 14px; height:44px; line-height:44px; }
.left_bar .nav dl dt a:after{ position: absolute; top: 16px; right: 20px; z-index: 9; display: block; content: " "; height:11px; width:11px; background:#fff; }
.left_bar .nav dl dt:after{ position: absolute; top: 16px; right: 20px; display: block; content: " "; height:11px; width:11px; background-image: url(../images/nav_arrow.png); background-repeat: no-repeat; }
.left_bar .nav dl dd { display: none;} 
.left_bar .nav dl dd a{ font-size: 14px; background: #f1f1f1; color: #777; display:block; height:32px; line-height:32px; padding-left:40px; transition:background 0.2s ease; position: relative; }
.left_bar .nav dl dd a:before{ display: block; content: ""; width: 7px; height: 7px; position: absolute; top: 12px; left: 25px; border-radius: 50%; border:1px solid #777; }
.left_bar .nav dl dd a .text{ vertical-align:middle;}
.left_bar .nav dl dd a:hover{ color: #000;}
.left_bar .nav dl dd a:hover:before{ border:1px solid #777; }

.left_bar .nav dl dt:hover,
.left_bar .nav dl.selected dt{ border-left: 3px solid #3c8dbc; background: #f1f1f1; }
.left_bar .nav dl.selected dt .text{ color: #000;}
.left_bar .nav dl.selected dd a.selected{ color:#000;}
.left_bar .nav dl.selected dd a.selected:before{ border:1px solid #000; }

.left_bar .nav dl dt:hover a:after{ background: #f1f1f1;}

.left_bar .nav dl.show dd, 
.left_bar .nav dl.selected dd { display: block;} 

.left_bar .nav dl.show dt:after{ background-position: -11px 0; }
.left_bar .nav dl.selected dt:after{ background-position: -11px 0; }


.left_bar .nav dl.hide dd{ display: none;} 


.left_bar .nav dl dt .icon_kd{ background-position: 0 0; }
.left_bar .nav dl dt .icon_zd{ background-position: -25px 0; }
.left_bar .nav dl dt .icon_dd{ background-position: -50px 0; }
.left_bar .nav dl dt .icon_ddls{ background-position: -75px 0; }
.left_bar .nav dl dt .icon_bb{ background-position: -100px 0; }
.left_bar .nav dl dt .icon_pz{ background-position: -125px 0; }
.left_bar .nav dl dt .icon_xx{ background-position: -150px 0; }
.left_bar .nav dl dt .icon_jc{ background-position: -175px 0; }
.left_bar .nav dl dt .icon_bj{ background-position: -200px 0; }
.left_bar .nav dl dt .icon_hd{ background-position: -225px 0; }
.left_bar .nav dl dt .icon_sq{ background-position: -250px 0; }
.left_bar .nav dl dt .icon_fx{ background-position: -275px 0; }
.left_bar .nav dl dt .icon_sc{ background-position: -300px 0; }

.left_bar .nav dl.selected dt .icon_kd{ background-position: 0 -25px; }
.left_bar .nav dl.selected dt .icon_zd{ background-position: -25px -25px; }
.left_bar .nav dl.selected dt .icon_dd{ background-position: -50px -25px; }
.left_bar .nav dl.selected dt .icon_ddls{ background-position: -75px -25px; }
.left_bar .nav dl.selected dt .icon_bb{ background-position: -100px -25px; }
.left_bar .nav dl.selected dt .icon_pz{ background-position: -125px -25px; }
.left_bar .nav dl.selected dt .icon_xx{ background-position: -150px -25px; }
.left_bar .nav dl.selected dt .icon_jc{ background-position: -175px -25px; }
.left_bar .nav dl.selected dt .icon_bj{ background-position: -200px -25px; }
.left_bar .nav dl.selected dt .icon_hd{ background-position: -225px -25px; }
.left_bar .nav dl.selected dt .icon_sq{ background-position: -250px -25px; }
.left_bar .nav dl.selected dt .icon_fx{ background-position: -275px -25px; }
.left_bar .nav dl.selected dt .icon_sc{ background-position: -300px -25px; }

/*对话框*/
.dialog{ position:absolute; background:#fff; border:1px solid #ccc; display:none;}
.dialog .dialog_title{ padding:0 10px; height:31px; border-bottom:1px solid #ddd; background:#f5f5f5; }
.dialog .dialog_title h3{ height:31px; line-height:31px; color:#ff503f; float:left; }
.dialog .dialog_title a.ok,
.dialog .dialog_title a.close{ float:right; margin:6px 0 0 5px; padding:1px;}
.dialog .dialog_title a.ok:hover,
.dialog .dialog_title a.close:hover{ background:#ddd;}
.dialog .dialog_title a.close .icon{ background:url(../images/dialog_close.gif) no-repeat center center;}
.dialog .dialog_title a.ok .icon{ background:url(../images/dialog_ok.gif) no-repeat center center;}
.dialog .dialog_body { padding:10px; }
.dialog .dialog_body ul.tab_nav { padding:0; float:none; height:35px; border-bottom:1px solid #ddd; margin:-10px 0 0 0; background:#fff;}
.dialog .dialog_body ul.tab_nav li{ float:left; cursor:pointer; width:auto; font-size:14px; height:35px; line-height:35px; padding:0 20px;}
.dialog .dialog_body ul.tab_nav li.selected{ color:#ff503f; border-bottom:3px solid #ff503f; height:33px;}
.dialog .dialog_body div.tab_con { padding:0; width:auto; margin:0; float:none;}
.dialog .dialog_body div.tab_con .tab_item{ display:none;}


.popup_box{ position:absolute; z-index:2; border:1px solid #444;}
.popup_box .popup_head{ height:35px; background:#008ae7; padding:0 10px; }
.popup_box .popup_head h3{ height:35px; line-height:35px; color:#fff; float:left; }
.popup_box .popup_head a.close{ float:right; margin:8px 0 0 0; padding:1px;}
.popup_box .popup_head a.close:hover{ background:#cf1e15;}
.popup_box .popup_head a.close .icon{ background:url(../images/popup_close.gif) no-repeat center center;}

.popup_body{ background:#fff; padding:10px; }
.popup_body .search { border-bottom:1px solid #ddd; height:40px; padding:2px 10px 0 10px; margin:0 -10px;}
.popup_body .search .btn{ margin-top:-2px;}
.popup_body .toolbar{ padding:10px 0; }

.popup_body .tab_nav { margin:-10px 0 -10px -10px; float:left; height:420px; background:#f5f5f5;}
.popup_body .tab_nav li{ width:110px; cursor:pointer; height:40px; line-height:40px; padding:0 0 0 20px;}
.popup_body .tab_nav li:hover{ background:#ddd;}
.popup_body .tab_nav li.selected{ background:#fff;}
.popup_body .tab_con{ width:525px; margin:-10px 0 0 20px; float:left; padding-top:10px;}
.popup_body .tab_con .tab_item{ display:none;}
.popup_body .tab_con .tab_item .search { padding:2px 0 0 0; margin:0;}

.popup_body .ztree{ float:left; background:#f6f6f6; }
.popup_body .ztree .ztree_body { border:none; top:0;}  


.popup_box .popup_btn { text-align:right; background:#f7f7f7; border-top:1px solid #ddd; padding:10px;}
.popup_btn { text-align:right; background:#fff; border-top:1px solid #ddd; padding:10px;}
.popup_btn button.btn{ padding:0 25px; margin-left:10px;}
.popup_btn button.btn_red{ background:#008ae7; }
.popup_btn button.btn_red:hover{ background:#0078c9; }


.select_box{ background:#f8f8f8; position:relative; width:200px;}
.select_box .select_head{ padding:4px 5px; position:relative; z-index:2; border-bottom:1px solid #ddd;}
.select_box .select_head h3{ font-size:16px; font-weight:normal; }  
.select_box .select_head a.a_red{ display:inline-block; float:right; margin:3px 0 0 0;}  
.select_box .select_head .tab_nav { margin:0; float:none; height:auto; background:none; }  
.select_box .select_head .tab_nav li{ cursor:pointer; background:#f9f9f9; height:28px; line-height:28px; width:98px; text-align:center; float:left; font-size:14px; border:1px solid #eee; margin-right:-1px; padding:0; }  
.select_box .select_head .tab_nav li.selected{ border-bottom:1px solid #fff; background:#fff; }  
.select_box .select_body { padding:0 5px; overflow:auto; position:absolute; top:30px; left:0; right:0; bottom:0; z-index:1;}  
.select_box .select_body ul li { height:30px; line-height:30px; border-bottom:1px dashed #ddd; position:relative;}
.select_box .select_body ul li span.text{ display:block; width:100%; height:100%; overflow:hidden;}
.select_box .select_body ul li:hover { background:#f6f6f6;}
.select_box .select_body ul li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 5px; height:30px; background:#e5e5e5; text-align:center; }
.select_box .select_body ul li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
.select_box .select_body ul li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
.select_box .select_body ul li p.icon_btn a.up span{ background-position:-4px -22px;}
.select_box .select_body ul li p.icon_btn a.down span{ background-position:-22px -22px;}
.select_box .select_body ul li p.icon_btn a.delete span{ background-position:-40px -22px;}
.select_box .select_body ul li p.icon_btn a:hover{ background:#ccc;}
.select_box .select_body ul li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}

.select_box .select_body ul li:hover p.icon_btn{ display:block;}
